DeKal / portfolio-next-js

export default class MyApp extends App {

  state = {

    loading: true

  }

  componentDidMount() {

    this.setState({ loading: false })

  }

  render() {

    const { Component, pageProps } = this.props

    return this.state.loading ? (

      <Loading />

    ) : (

      <IconContext.Provider value={{ style: { verticalAlign: 'middle' } }}>

        <ThemeProviderSelector>

          <LocalizeProvider>

            <LocalizedComponent>

              <ErrorBoundary>

                <Component {...pageProps} />

              </ErrorBoundary>

            </LocalizedComponent>

          </LocalizeProvider>

        </ThemeProviderSelector>

      </IconContext.Provider>